<!-- <template>
  <div>
    <el-dialog :visible.sync="centerDialogVisible" center>
      <div class=" tankuang">
        <el-row>
          <el-col :span="11">
            <div class="grid-content bg-purple">
              <img src="@/assets/images/loginBg.jpg" alt="">
            </div>
          </el-col>
          <el-col :span="13">
            <div class="grid-content bg-purple-light tankuangRight">
              <h3>登录</h3>
              <el-input placeholder="请输入账号" v-model="input" clearable>
              </el-input>
              <el-input placeholder="请输入密码" v-model="inputpass" show-password></el-input>
              <el-row>
                <el-button type="danger" class="tankuangButton tankuangButton1">登录</el-button>
              </el-row>
              <i>还没有账号？</i>
              <el-row>
                <el-button type="primary" class="tankuangButton tankuangButton2">立即注册</el-button>
              </el-row>
            </div>
          </el-col>
        </el-row>
      </div>
    </el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      input: '',
      inputpass: '',
      centerDialogVisible: 'false',
    }
  },
  props: {
    centerDialogVisible: 'false',
  }
}
</script>
<style lang="scss">
.el-dialog__wrapper {
  background-color: #fff !important;

}

.el-dialog {
  box-shadow: none !important;
}

.el-dialog__header {
  display: none;

}

.el-dialog__body {
  width: 780px !important;
  height: 466px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tankuang {
  margin: 0;
  width: 780px;
  // margin: 200px auto;
  height: 466px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  .bg-purple {
    height: 466px;
  }

  .tankuangRight {
    width: 350px;
    margin: 0 auto;

    h3 {
      font-size: 28px;
    }

    .el-input {
      margin-bottom: 5px;
      padding: 10px 0;
    }
  }

  .tankuangButton {
    width: 350px;
    margin-bottom: 100px;
  }

  .tankuangButton2 {
    margin-bottom: 30px;
    margin-top: 10px;
  }

  img {
    width: 357px;
    height: 466px;
    object-fit: cover;
  }

  i {
    font-style: normal;
    font-size: 12px;
    color: #444;
    // margin: 100px 0 10px 0;
    // display: block;
  }
}
</style> -->